@import 'al-ui';

.download {
  background: #fff;
  font-size: @font-size-medium;
  padding: 0 30rpx;
  height: 100vh;
}


.image-wrapper {
	width: 222rpx;
	height: 222rpx;
	margin: 5rpx;
	position: relative;
	display: inline-block;
}

.image-wrapper image {
	width: 100%;
	height: 100%;
}

.checked-icon {
	position: absolute;
	right: 10rpx;
	top: 10rpx;
}

.normal {
	color: #999;
	border-radius: 100%;
}

.checked {
	color: #fff;
	border-radius: 100%;
	background-color: #feb900;
}

.summary {
	font-size: 26rpx;
  color: #999;
  text-align: center;
  padding: 20rpx 0;
}

.download-footer {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	padding: 20rpx 30rpx;
	border-top: 1px solid #ededed;
	justify-content: space-between;
}

.sharetofriend{
  color: #985100;
  background-color:#ffd40d;
  text-align: center;
  font-size:26rpx;
  padding: 0;
  border-radius: 0;
  width: 200rpx;
  margin: 0;
  border-radius: 10rpx;
}

.process-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	padding: 10rpx 30rpx;
	background-color: #fff;
	z-index: 2;
}

.check-all-wrapper {
	display: flex;
	align-items: center;
}

.check-all-wrapper text {
	color: #999;
	margin-left: 10rpx;
}
